<template>
  <div>
   <div class="van-hairline--bottom van-doc-nav-bar van-nav-bar" style="z-index:30;">
		 <div class="van-nav-bar__left" @click="goBack" v-show="disabled">
			 <i class="van-icon van-icon-arrow van-nav-bar__arrow">
				 <!----></i><!---->
			</div>
			<div class="van-ellipsis van-nav-bar__title">
				{{title}}
			</div>
			<div class="van-nav-bar__right" @click="goHome" v-show="!gohome">
			 	<van-icon name="wap-home" slot="right" />
			</div>
		
		
		</div>
  </div>
</template>

<script>
export default {
name: 'navbar',
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
		};
	},
	props:{    
		disabled: Boolean,    
		title: String,     
		gohome: Boolean,
	},
	methods:{
		goBack:function(){
			this.$router.back(-1)
		},
		goHome:function(){
		this.$router.push({
			name: "HomeView",
			query: {
			
			}
		});
		},
		
	}
};
</script>
<style scoped lang="scss">
	.van-nav-bar{
		position: fixed;
		width: 10rem;
	 top: 0; 
	}
</style>